﻿<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="author" content="Yucel Yilmaz">
<meta name="robots" content="index,follow">
<meta name="publisher" content="Yücel Yilmaz">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="description" content="HovyLee - App Landing Page">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>HovyLee</title>
<!--// Boostrap v4 //-->
<link rel="stylesheet" href="static/css/bootstrap.min.css">
<!--// Magnific Popup //-->
<link rel="stylesheet" href="static/css/magnific.popup.min.css">
<!--// Animate Css //-->
<link rel="stylesheet" href="static/css/animate.min.css">
<!--// Owl Carousel //-->
<link rel="stylesheet" href="static/css/owl.carousel.min.css">
<!--// Owl Carousel Default //-->
<link rel="stylesheet" href="static/css/owl.carousel.default.min.css">
<!--// Font Awesome //-->
<link rel="stylesheet" href="static/css/all.css">
<!--// Theme Main Css //-->
<link rel="stylesheet" href="static/css/style.css">
<!--// Google Fonts //-->
<link href="static/css/701db1f888c54cf6a6ecabb4b2be4582.css" rel="stylesheet">
<link href="static/css/2b71023a6188432cbc541805188caf58.css" rel="stylesheet">
</head>
<body data-spy="scroll" data-target="#fixedNavbar">

<!--// Page Wrapper Start //-->
<div class="page-wrapper" id="wrapper">

	<!--// Header Start //-->
	<header class="header fixed-top" id="header">
		<div id="nav-menu-wrap">
			<div class="container">
				<nav class="navbar navbar-expand-lg p-0">
					<a class="navbar-brand" title="Home" href="index.html">
						<img src="static/picture/logo_white.png" alt="Logo White" class="img-fluid logo-transparent">
						<img src="static/picture/logo_black.png" alt="Logo White" class="img-fluid logo-normal">
					</a>
					<button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#fixedNavbar" 
						aria-controls="fixedNavbar" aria-expanded="false" aria-label="Toggle navigation">
						<span class="togler-icon-inner">
							<span class="line-1"></span>
							<span class="line-2"></span>
							<span class="line-3"></span>
						</span>
					</button>
					<div class="collapse navbar-collapse main-menu justify-content-end" id="fixedNavbar">
						<ul class="navbar-nav">
							<li class="nav-item">
								<a class="nav-link active menu-link" href="#home">Home</a>
							</li>
							<li class="nav-item">
								<a class="nav-link menu-link" href="#features">Features</a>
							</li>
						   
							<li class="nav-item">
								<a class="nav-link menu-link" href="#testimonials">Clients</a>
							</li>
							<li class="nav-item">
								<a class="nav-link menu-link" href="#pricing">Pricing</a>
							</li>
							<li class="nav-item dropdown">
								<a class="nav-link dropdown-toggle" href="#" id="blogDropdownMenu" role="button" 
									data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
									Blog
								</a>
								<div class="dropdown-menu" aria-labelledby="blogDropdownMenu">
									<a class="dropdown-item" href="blog-grid.html">Blog Grid</a>
									<a class="dropdown-item" href="blog-sidebar.html">Blog Sidebar</a>
									<a class="dropdown-item" href="blog-single.html">Blog Single</a>
								</div>
							</li>
							<li class="nav-item">
								<a class="nav-link menu-link" href="#contact">Contact</a>
							</li>
							<li class="nav-item navbar-btn-resp d-flex align-items-center">
								<a href="#" title="Download App" class="white-btn">Download App</a>
							</li>
						</ul>
					</div>
				</nav>
			</div>
		</div>
	</header>
	<!--// Header End  //-->

	<!--// Main Area Start //-->
	<main class="main-area">

		<!--// Hero Section Start //-->
		<section class="hero-banner" id="home" data-bg-image-path="img/bg/hero-pattern.svg">
			<div class="container">
				<div class="row align-items-center">
					<div class="col-lg-7 col-xl-6 col-md-10">
						<div class="hero-inner">
							<h1>Everyone is happy with the HovyLee, you?</h1>
							<h2>
								Hovylee is now a little more exciting with its new interface.
								Shows incredible performance with different features.Sit back 
								and enjoy all new features
							</h2>
							<div class="btn-group">
								<a href="#" title="Discovery Now" class="outline-btn">Discovery Now</a>
								<a href="#" title="Read More" class="white-btn">Read More</a>
							</div>
						</div>
					</div>
					<div class="col-lg-5 col-xl-6 col-md-12 hero-img-resp">
						<div class="hero-img">
							<img src="static/picture/hero-phone-img.png" title="HovyLee phone image" alt="HovyLee phone image" class="img-fluid">
						</div>
					</div>
				</div>
			</div>
		</section>
		<!--// Hero Section End //-->

		<!--// Features Section Start //-->
		<section class="section" id="features">
			<div class="container">
				<div class="row justify-content-center">
					<div class="col-lg-6">
						<div class="section-heading">
							<h2>Awesome <span>Features</span></h2>
							<h4>
								It is a long established fact that a reader will be distracted by 
								the readable content of a page when looking at its layout
							</h4>
						</div>
					</div>
				</div>
				<div class="features-carousel owl-carousel owl-theme">
					<div class="item">
						<div class="features-item">
							<div class="icon">
								<span class="fa fa-tablet-alt"></span>
							</div>
							<div class="body">
								<h6>Full Responsive</h6>
								<p>
									If you are going to use a passage of Lorem Ipsum, you need to be 
									sure there isn't anything embarrassing hidden in the middle of text.
								</p>
							</div>
						</div>
					</div>
					<div class="item">
						<div class="features-item">
							<div class="icon">
								<span class="fas fa-rocket"></span>
							</div>
							<div class="body">
								<h6>Fast Support</h6>
								<p>
									If you are going to use a passage of Lorem Ipsum, you need to be 
									sure there isn't anything embarrassing hidden in the middle of text.
								</p>
							</div>
						</div>
					</div>
					<div class="item">
						<div class="features-item">
							<div class="icon">
								<span class="fas fa-cloud-upload-alt"></span>
							</div>
							<div class="body">
								<h6>Free Download</h6>
								<p>
									If you are going to use a passage of Lorem Ipsum, you need to be 
									sure there isn't anything embarrassing hidden in the middle of text.
								</p>
							</div>
						</div>
					</div>
					<div class="item">
						<div class="features-item">
							<div class="icon">
								<span class="fas fa-fill"></span>
							</div>
							<div class="body">
								<h6>Unlimited Color</h6>
								<p>
									If you are going to use a passage of Lorem Ipsum, you need to be 
									sure there isn't anything embarrassing hidden in the middle of text.
								</p>
							</div>
						</div>
					</div>
				</div>
			</div>
		</section>
		<!--// Features Section End //-->
		
		<!--// About Section Start //-->
		<section class="section bg-light-grey" id="about">
			<div class="container">
				<div class="row align-items-center">
					<div class="col-lg-6">
						<div class="about-inner">
							<h6>About App</h6>
							<h2>Now bugs and freezes are improved</h2>
							<p>
								Many customizations and innovations have been added with previous configurations.
								And in this version, errors are handled and closely monitored with an optimally 
								compatible management panel.Many updates can now be added automatically and for 
								free
							</p>
							<div class="about-box-wrap">
								<div class="row">
									<div class="col-md-6 col-sm-6">
										<div class="about-box">
											<h6>Happy Customer</h6>
											<h5 class="counter">3000</h5>
										</div>
									</div>
									<div class="col-md-6 col-sm-6">
										<div class="about-box">
											<h6>Download App</h6>
											<h5 class="counter">1800</h5>
										</div>
									</div>
								</div>
							</div>
							<a href="#" title="Read More" class="primary-btn">Read More</a>
						</div>
					</div>
					<div class="col-lg-6 about-img">
						<img src="static/picture/about-image.png" alt="About image" title="About image" class="img-fluid">
					</div>
				</div>
			</div>
		</section>
		<!--// About Section End //-->

		<!--// New Features Section Start //-->
		<section id="new-features">
			<div class="new-features-img">
				<img src="static/picture/new-features-img.png" alt="New Features image"  title="New Features image">
			</div>
			<div class="container">
				<div class="row justify-content-end">
					<div class="col-lg-6">
						<div class="new-features-inner">
							<div class="inner-text">
								<h6>New Features</h6>
								<h2>You now have a Hovylee store system</h2>
								<p>
									In addition to rich features, you now have a shopping system.
									With payment systems now, experience your customers with a multi-user
									e-commerce system.
								</p>
							</div>
							<ul class="new-features-list">
								<li>
									<h5>01</h5>
									<div class="text">
										<h6>Shopping System</h6>
										<p>
											With the dealership system, all customers will now be 
											able to become members and sell their products.
										</p>
									</div>
								</li>
								<li>
									<h5>02</h5>
									<div class="text">
										<h6>Payment System</h6>
										<p>
											With Paypal, Stripe and now Payoneer payment system, 
											you can easily receive payments from your customers.
										</p>
									</div>
								</li>
							</ul>
							<a href="#" title="Read More" class="primary-btn">Read More</a>
						</div>
					</div>
				</div>
			</div>
		</section>
		<!--// New Features Section End //-->

		<!--// Screenshots Section Start //-->
		<section class="section" id="screenshots">
			<div class="container">
				<div class="row justify-content-center">
					<div class="col-lg-6">
						<div class="section-heading">
							<h2>App <span>Screenshots</span></h2>
							<h4>
								It is a long established fact that a reader will be distracted by 
								the readable content of a page when looking at its layout
							</h4>
						</div>
					</div>
				</div>
				<div class="screenshots-carousel owl-carousel owl-theme">
					<div class="item">
						<img src="static/picture/screenshot-img-1.png" alt="Screenshots image" class="img-fluid">
					</div>
					<div class="item">
						<img src="static/picture/screenshot-img-2.png" alt="Screenshots image" class="img-fluid">
					</div>
					<div class="item">
						<img src="static/picture/screenshot-img-3.png" alt="Screenshots image" class="img-fluid">
					</div>
					<div class="item">
						<img src="static/picture/screenshot-img-1.png" alt="Screenshots image" class="img-fluid">
					</div>
				</div>
			</div>
		</section>
		<!--// Screenshots Section End //-->

		<!--// Watch Video Section Start //-->
		<div id="watch-video" data-bg-image-path="img/bg/watch-video-bg.png">
			<div class="container text-center">
				<div class="watch-video-inner">
					<a href="#" class="watch-video-btn"><i class="fa fa-play"></i></a>
				</div>
			</div>
		</div>
		<!--// Watch Video Section End //-->

		<!--// Testimonials Section Start //-->
		<section class="section bg-light-grey" id="testimonials">
			<div class="container">
				<div class="row justify-content-center">
					<div class="col-lg-6">
						<div class="section-heading">
							<h2>What Our <span>Clients </span> Say ?</h2>
							<h4>
								It is a long established fact that a reader will be distracted by 
								the readable content of a page when looking at its layout
							</h4>
						</div>
					</div>
				</div>
				<div class="testimonials-carousel owl-carousel owl-theme">
					<div class="item">
						<div class="testimonial-item">
							<div class="img">
							   <img src="static/picture/testimonial-img-1.png" alt="Testimonials image" title="Testimonials image">
							</div>
							<div class="body">
								<h6>
									George William
								</h6>
								<span>Envato Customer</span>
								<div class="rating">
									<i class="fa fa-star"></i>
									<i class="fa fa-star"></i>
									<i class="fa fa-star"></i>
									<i class="fa fa-star"></i>
									<i class="fa fa-star"></i>
								</div>
								<p>
									If you are going to use a passage of Lorem Ipsum, you need to be 
									sure there isn't anything embarrassing hidden in the middle of text.
								</p>
							</div>
						</div>
					</div>
					<div class="item">
						<div class="testimonial-item">
							<div class="img">
							   <img src="static/picture/testimonial-img-2.png" alt="Testimonials image" title="Testimonials image">
							</div>
							<div class="body">
								<h6>
									Richard Alves
								</h6>
								<span>Envato Customer</span>
								<div class="rating">
									<i class="fa fa-star"></i>
									<i class="fa fa-star"></i>
									<i class="fa fa-star"></i>
									<i class="fa fa-star"></i>
									<i class="fa fa-star"></i>
								</div>
								<p>
									If you are going to use a passage of Lorem Ipsum, you need to be 
									sure there isn't anything embarrassing hidden in the middle of text.
								</p>
							</div>
						</div>
					</div>
					<div class="item">
						<div class="testimonial-item">
							<div class="img">
							   <img src="static/picture/testimonial-img-3.png" alt="Testimonials image" title="Testimonials image">
							</div>
							<div class="body">
								<h6>
									James Careyy
								</h6>
								<span>Envato Customer</span>
								<div class="rating">
									<i class="fa fa-star"></i>
									<i class="fa fa-star"></i>
									<i class="fa fa-star"></i>
									<i class="fa fa-star"></i>
									<i class="fa fa-star"></i>
								</div>
								<p>
									If you are going to use a passage of Lorem Ipsum, you need to be 
									sure there isn't anything embarrassing hidden in the middle of text.
								</p>
							</div>
						</div>
					</div>
					<div class="item">
						<div class="testimonial-item">
							<div class="img">
							   <img src="static/picture/testimonial-img-4.png" alt="Testimonials image" title="Testimonials image">
							</div>
							<div class="body">
								<h6>
									Rene Alsleben
								</h6>
								<span>Envato Customer</span>
								<div class="rating">
									<i class="fa fa-star"></i>
									<i class="fa fa-star"></i>
									<i class="fa fa-star"></i>
									<i class="fa fa-star"></i>
									<i class="fa fa-star"></i>
								</div>
								<p>
									If you are going to use a passage of Lorem Ipsum, you need to be 
									sure there isn't anything embarrassing hidden in the middle of text.
								</p>
							</div>
						</div>
					</div>
				</div>
			</div>
		</section>
		<!--// Testimonials Section End //-->

		<!--// Pricing Section Start //-->
		<section class="section pb-minus-70" id="pricing">
			<div class="container">
				<div class="row justify-content-center">
					<div class="col-lg-6">
						<div class="section-heading">
							<h2>Our <span>Pricing </span></h2>
							<h4>
								It is a long established fact that a reader will be distracted by 
								the readable content of a page when looking at its layout
							</h4>
						</div>
					</div>
				</div>
				<div class="row justify-content-center">
					<div class="col-md-6 col-lg-4">
						<div class="price-table">
							<div class="icon">
								<span class="fa fa-user-shield"></span>
							</div>
							<div class="text">
								<h2>$19</h2>
								<h6>Basic Plan</h6>
								<span>Monthly</span>
							</div>
							<ul class="list">
								<li>
									<i class="fa fa-check"></i>
									<span>5GB Bandwith</span>
								</li>
								<li>
									<i class="fa fa-check"></i>
									<span>2GB Traffic</span>
								</li>
								<li>
									<i class="fa fa-check"></i>
									<span> 7/24 Support</span>
								</li>
								<li>
									<i class="fa fa-check"></i>
									<span>Free Update</span>
								</li>
								<li>
									<i class="fa fa-check"></i>
									<span>WordPress v5x </span>
								</li>
								<li>
									<i class="fa fa-check"></i>
									<span>Cloudflare </span>
								</li>
							</ul>
							<a href="#" title="Order Now" class="primary-btn">Order Now</a>
						</div>
					</div>
					<div class="col-md-6 col-lg-4">
						<div class="price-table">
							<div class="icon">
								<span class="fa fa-user-tie"></span>
							</div>
							<div class="text">
								<h2>$59</h2>
								<h6>Premium Plan</h6>
								<span>Monthly</span>
							</div>
							<ul class="list">
								<li>
									<i class="fa fa-check"></i>
									<span>50GB Bandwith</span>
								</li>
								<li>
									<i class="fa fa-check"></i>
									<span>20GB Traffic</span>
								</li>
								<li>
									<i class="fa fa-check"></i>
									<span> 7/24 Support</span>
								</li>
								<li>
									<i class="fa fa-check"></i>
									<span>Free Update</span>
								</li>
								<li>
									<i class="fa fa-check"></i>
									<span>WordPress v5x </span>
								</li>
								<li>
									<i class="fa fa-check"></i>
									<span>Cloudflare </span>
								</li>
							</ul>
							<a href="#" title="Order Now" class="primary-btn">Order Now</a>
						</div>
					</div>
					<div class="col-md-6 col-lg-4">
						<div class="price-table">
							<div class="icon">
								<span class="fa fa-building"></span>
							</div>
							<div class="text">
								<h2>$79</h2>
								<h6>Ultimate Plan</h6>
								<span>Monthly</span>
							</div>
							<ul class="list">
								<li>
									<i class="fa fa-check"></i>
									<span>500GB Bandwith</span>
								</li>
								<li>
									<i class="fa fa-check"></i>
									<span>Unlimited Traffic</span>
								</li>
								<li>
									<i class="fa fa-check"></i>
									<span> 7/24 Support</span>
								</li>
								<li>
									<i class="fa fa-check"></i>
									<span>Free Update</span>
								</li>
								<li>
									<i class="fa fa-check"></i>
									<span>WordPress v5x </span>
								</li>
								<li>
									<i class="fa fa-check"></i>
									<span>Cloudflare </span>
								</li>
							</ul>
							<a href="#" title="Order Now" class="primary-btn">Order Now</a>
						</div>
					</div>
				</div>
			</div>
		</section>
		<!--// Pricing Section End //-->

		<!--// Download Section Start //-->
		<section id="download-app" data-bg-image-path="img/bg/download-app-bg.png">
			<div class="container text-center">
			   <div class="row justify-content-center">
				   <div class="col-lg-6">
						<div class="download-app-inner">
							<div class="text">
								<h2>Download Our App</h2>
								<p>
									It is a long established fact that a reader will be distracted 
									by the readable content of a page when looking at its layout
								</p>
							</div>
							<div class="btn-group">
								<a href="#" title="Google Play" class="outline-btn">Google Play</a>
								<a href="#" title="App Store" class="white-btn">App Store</a>
							</div>
						</div>
				   </div>
			   </div>
			</div>
		</section>
		<!--// Download Section End //-->

		<!--// Our Team Section Start //-->
		<section class="section bg-light-grey" id="our-team">
			<div class="container">
				<div class="row justify-content-center">
					<div class="col-lg-6">
						<div class="section-heading">
							<h2>Meet Our <span>Team </span></h2>
							<h4>
								It is a long established fact that a reader will be distracted by 
								the readable content of a page when looking at its layout
							</h4>
						</div>
					</div>
				</div>
				<div class="our-team-carousel owl-carousel owl-theme">
					<div class="item">
						<div class="team-item">
							<div class="img">
								<img src="static/picture/team-img-1.png" alt="Team image" title="Team image">
							</div>
							<div class="body">
								<h6>
									Michael William
								</h6>
								<span>UI Designer</span>
							</div>
							<ul class="social">
								<li>
									<a href="#" title="Facebook Link">
										<i class="fab fa-facebook-f"></i>
									</a>
								</li>
								<li>
									<a href="#" title="Facebook Link">
										<i class="fab fa-twitter"></i>
									</a>
								</li>
								<li>
									<a href="#" title="Facebook Link">
										<i class="fab fa-instagram"></i>
									</a>
								</li>
							</ul>
						</div>
					</div>
					<div class="item">
						<div class="team-item">
							<div class="img">
								<img src="static/picture/team-img-2.png" alt="Team image" title="Team image">
							</div>
							<div class="body">
								<h6>
									Ric Rodrigues
								</h6>
								<span>App Developer</span>
							</div>
							<ul class="social">
								<li>
									<a href="#" title="Facebook Link">
										<i class="fab fa-facebook-f"></i>
									</a>
								</li>
								<li>
									<a href="#" title="Facebook Link">
										<i class="fab fa-twitter"></i>
									</a>
								</li>
								<li>
									<a href="#" title="Facebook Link">
										<i class="fab fa-instagram"></i>
									</a>
								</li>
							</ul>
						</div>
					</div>
					<div class="item">
						<div class="team-item">
							<div class="img">
								<img src="static/picture/team-img-3.png" alt="Team image" title="Team image">
							</div>
							<div class="body">
								<h6>
									Nathan Cowley
								</h6>
								<span>Front-End Developer</span>
							</div>
							<ul class="social">
								<li>
									<a href="#" title="Facebook Link">
										<i class="fab fa-facebook-f"></i>
									</a>
								</li>
								<li>
									<a href="#" title="Facebook Link">
										<i class="fab fa-twitter"></i>
									</a>
								</li>
								<li>
									<a href="#" title="Facebook Link">
										<i class="fab fa-instagram"></i>
									</a>
								</li>
							</ul>
						</div>
					</div>
					<div class="item">
						<div class="team-item">
							<div class="img">
								<img src="static/picture/team-img-4.png" alt="Team image" title="Team image">
							</div>
							<div class="body">
								<h6>
									Gustavo Fring
								</h6>
								<span>UI Designer</span>
							</div>
							<ul class="social">
								<li>
									<a href="#" title="Facebook Link">
										<i class="fab fa-facebook-f"></i>
									</a>
								</li>
								<li>
									<a href="#" title="Facebook Link">
										<i class="fab fa-twitter"></i>
									</a>
								</li>
								<li>
									<a href="#" title="Facebook Link">
										<i class="fab fa-instagram"></i>
									</a>
								</li>
							</ul>
						</div>
					</div>
				</div>
			</div>
		</section>
		<!--// Our Team Section End //-->

		<!--// FAQ Section Start //-->
		<section class="section" id="faq-area">
			<div class="container">
				<div class="row justify-content-center">
					<div class="col-lg-6">
						<div class="section-heading">
							<h2>FAQ</h2>
							<h4>
								It is a long established fact that a reader will be distracted by 
								the readable content of a page when looking at its layout
							</h4>
						</div>
					</div>
				</div>
				<div class="row">
					<div class="col-lg-6">
						<div class="accordion-item">
							<div class="accordion-item-header" id="accordionHeadingOne">
								<a href="#" data-toggle="collapse" data-target="#accordionItemOne" aria-expanded="false" aria-controls="accordionItemOne">
									<i class="fas fa-question"></i>
									<span>How Are The Packages Updated ?</span>
								</a>
							</div>
							<div id="accordionItemOne" class="collapse" aria-labelledby="accordionHeadingOne">
								<div class="accordion-body">
									<p>
										It is a long established fact that a reader will be distracted by the 
										readable content of a page when looking at its layout. The point of using 
										Lorem Ipsum is that it has a more-or-less normal distribution of letters, 
										as opposed to using 'Content here, content here', making it look like readable 
										English.
									</p>
								</div>
							</div>
						</div>
						<div class="accordion-item">
							<div class="accordion-item-header" id="accordionHeaderTwo">
								<a href="#" data-toggle="collapse" data-target="#accordionItemTwo" aria-expanded="false" aria-controls="accordionItemTwo">
									<i class="fas fa-question"></i>
									<span>How to install this program?</span>
								</a>
							</div>
							<div id="accordionItemTwo" class="collapse" aria-labelledby="accordionHeaderTwo">
								<div class="accordion-body">
									<p>
										It is a long established fact that a reader will be distracted by the 
										readable content of a page when looking at its layout. The point of using 
										Lorem Ipsum is that it has a more-or-less normal distribution of letters, 
										as opposed to using 'Content here, content here', making it look like readable 
										English.
									</p>
								</div>
							</div>
						</div>
						<div class="accordion-item">
							<div class="accordion-item-header" id="accordionHeaderThree">
								<a href="#" data-toggle="collapse" data-target="#accordionItemThree" aria-expanded="false" aria-controls="accordionItemThree">
									<i class="fas fa-question"></i>
									<span>How do I edit the dashboard panel?</span>
								</a>
							</div>
							<div id="accordionItemThree" class="collapse" aria-labelledby="accordionHeaderThree">
								<div class="accordion-body">
									<p>
										It is a long established fact that a reader will be distracted by the 
										readable content of a page when looking at its layout. The point of using 
										Lorem Ipsum is that it has a more-or-less normal distribution of letters, 
										as opposed to using 'Content here, content here', making it look like readable 
										English.
									</p>
								</div>
							</div>
						</div>
					</div>
					<div class="col-lg-6 accordion-resp-mt">
						<div class="accordion-item">
							<div class="accordion-item-header" id="accordionHeadingFour">
								<a href="#" data-toggle="collapse" data-target="#accordionItemFour" aria-expanded="false" aria-controls="accordionItemFour">
									<i class="fas fa-question"></i>
									<span>How do i get new updates for free?</span>
								</a>
							</div>
							<div id="accordionItemFour" class="collapse" aria-labelledby="accordionHeadingFour">
								<div class="accordion-body">
									<p>
										It is a long established fact that a reader will be distracted by the 
										readable content of a page when looking at its layout. The point of using 
										Lorem Ipsum is that it has a more-or-less normal distribution of letters, 
										as opposed to using 'Content here, content here', making it look like readable 
										English.
									</p>
								</div>
							</div>
						</div>
						<div class="accordion-item">
							<div class="accordion-item-header" id="accordionHeaderFive">
								<a href="#" data-toggle="collapse" data-target="#accordionItemFive" aria-expanded="false" aria-controls="accordionItemFive">
									<i class="fas fa-question"></i>
									<span>How can I upload a screenshot?</span>
								</a>
							</div>
							<div id="accordionItemFive" class="collapse" aria-labelledby="accordionHeaderFive">
								<div class="accordion-body">
									<p>
										It is a long established fact that a reader will be distracted by the 
										readable content of a page when looking at its layout. The point of using 
										Lorem Ipsum is that it has a more-or-less normal distribution of letters, 
										as opposed to using 'Content here, content here', making it look like readable 
										English.
									</p>
								</div>
							</div>
						</div>
						<div class="accordion-item">
							<div class="accordion-item-header" id="accordionHeaderSix">
								<a href="#" data-toggle="collapse" data-target="#accordionItemSix" aria-expanded="false" aria-controls="accordionItemSix">
									<i class="fas fa-question"></i>
									<span>How do I activate multiple users?</span>
								</a>
							</div>
							<div id="accordionItemSix" class="collapse" aria-labelledby="accordionHeaderSix">
								<div class="accordion-body">
									<p>
										It is a long established fact that a reader will be distracted by the 
										readable content of a page when looking at its layout. The point of using 
										Lorem Ipsum is that it has a more-or-less normal distribution of letters, 
										as opposed to using 'Content here, content here', making it look like readable 
										English.
									</p>
								</div>
							</div>
						</div>
					</div>
				</div>
			</div>
		</section>
		<!--// FAQ Section End //-->

		<!--// Latest Blogs Section Start //-->
		<section class="section bg-light-grey" id="latest-blogs">
			<div class="container">
				<div class="row justify-content-center">
					<div class="col-lg-6">
						<div class="section-heading">
							<h2>Latest <span>Blogs </span></h2>
							<h4>
								It is a long established fact that a reader will be distracted by 
								the readable content of a page when looking at its layout
							</h4>
						</div>
					</div>
				</div>
				<div class="latest-blogs-carousel owl-carousel owl-theme">
					<div class="item">
						<div class="blog-item">
							<div class="img">
								<a href="blog-single.html">
									<img src="static/picture/blog-img-1.jpg" alt="Blog image" class="img-fluid" />
								</a>
							</div>
							<div class="body">
								<div class="meta">
									<a href="#">
										<i class="far fa-calendar-alt"></i>
										<span>19 July</span>
									</a>
									<a href="#">
										<i class="far fa-user"></i>
										<span>By Admin</span>
									</a>
								</div>
								<h2>
									<a href="#">How do I automatically update this Program ?</a>
								</h2>
								<p>
									It is a long established fact that a reader will be distracted by..
								</p>
								<a href="blog-single.html" title="Read More" class="blog-button">Read More <i class="fa fa-arrow-right"></i></a>
							</div>
						</div>
					</div>
					<div class="item">
						<div class="blog-item">
							<div class="img">
								<a href="blog-single.html">
									<img src="static/picture/blog-img-2.jpg" alt="Blog image" class="img-fluid" />
								</a>
							</div>
							<div class="body">
								<div class="meta">
									<a href="#">
										<i class="far fa-calendar-alt"></i>
										<span>10 July</span>
									</a>
									<a href="#">
										<i class="far fa-user"></i>
										<span>By Admin</span>
									</a>
								</div>
								<h2>
									<a href="#">How to change password from admin panel?</a>
								</h2>
								<p>
									It is a long established fact that a reader will be distracted by..
								</p>
								<a href="blog-single.html" title="Read More" class="blog-button">Read More <i class="fa fa-arrow-right"></i></a>
							</div>
						</div>
					</div>
					<div class="item">
						<div class="blog-item">
							<div class="img">
								<a href="blog-single.html">
									<img src="static/picture/blog-img-3.jpg" alt="Blog image" class="img-fluid" />
								</a>
							</div>
							<div class="body">
								<div class="meta">
									<a href="#">
										<i class="far fa-calendar-alt"></i>
										<span>17 Aqust</span>
									</a>
									<a href="#">
										<i class="far fa-user"></i>
										<span>By Admin</span>
									</a>
								</div>
								<h2>
									<a href="#">How to make a sketch drawing as an illustrator</a>
								</h2>
								<p>
									It is a long established fact that a reader will be distracted by..
								</p>
								<a href="blog-single.html" title="Read More" class="blog-button">Read More <i class="fa fa-arrow-right"></i></a>
							</div>
						</div>
					</div>
					<div class="item">
						<div class="blog-item">
							<div class="img">
								<a href="blog-single.html">
									<img src="static/picture/blog-img-4.jpg" alt="Blog image" class="img-fluid" />
								</a>
							</div>
							<div class="body">
								<div class="meta">
									<a href="#">
										<i class="far fa-calendar-alt"></i>
										<span>11 April</span>
									</a>
									<a href="#">
										<i class="far fa-user"></i>
										<span>By Admin</span>
									</a>
								</div>
								<h2>
									<a href="#">I forgot my password, how to renew?</a>
								</h2>
								<p>
									It is a long established fact that a reader will be distracted by..
								</p>
								<a href="blog-single.html" title="Read More" class="blog-button">Read More <i class="fa fa-arrow-right"></i></a>
							</div>
						</div>
					</div>
				</div>
			</div>
		</section>
		<!--// Latest Blogs Section End //-->

		<!--// Contact Section Start //-->
		<section class="section" id="contact">
			<div class="container">
				<div class="row justify-content-center">
					<div class="col-lg-6">
						<div class="section-heading">
							<h2>Contact <span>Us </span></h2>
							<h4>
								It is a long established fact that a reader will be distracted by 
								the readable content of a page when looking at its layout
							</h4>
						</div>
					</div>
				</div>
				<div class="row">
					<div class="col-lg-6">
						<div class="google-map">
							<iframe src="" style="border:0;" allowfullscreen="" aria-hidden="false" tabindex="0">
							</iframe>
						</div>
					</div>
					<div class="col-lg-6">
						<div class="contact-form">
							<form id="contactForm">
								<div class="contact-alerts">
									<div class="empty-form" style="display: none;"><span>Please Fill Required Fields</span></div>
									<div class="security-alert" style="display: none;"><span>Security code does not match !</span></div>
									<div class="email-invalid" style="display: none;"><span>Please enter a valid email.Exp(example@gmail.com)</span></div>
									<div class="phone-invalid" style="display: none;"><span>Please enter a valid phone number.Exp(200-444-7878)</span></div>
								</div>
								<div class="row">
									<div class="col-md-6">
										<div class="custom-form-group">
											<input type="text" class="custom-form-control" name="contact_name" placeholder="Your Name *">
											<span class="fa fa-user"></span>
										</div>
									</div>
									<div class="col-md-6">
										<div class="custom-form-group">
											<input type="text" class="custom-form-control" name="contact_email"  placeholder="Your E-Mail *">
											<span class="fa fa-envelope"></span>    
										</div>
									</div>
									<div class="col-md-12">
										<div class="custom-form-group">
											<input type="text" class="custom-form-control" name="contact_phone" placeholder="Your Phone *">
											<span class="fa fa-phone"></span>
										</div>
									</div>
									<div class="col-md-6">
										<div class="custom-form-group">
											<input type="text" class="captcha-input custom-form-control" name="contact_question" id="contactFormCaptchaInput" placeholder="Please Enter Code *">
											<span id="contactFormCaptchaSpan"></span>
											<input type="hidden" id="contactFormCaptchaVal">
											<div class="form-validate-icons">
												<span></span>
											</div>
										</div>
									</div>
									<div class="col-md-6">
										<div class="custom-form-group">
											<input type="text" class="custom-form-control" name="contact_subject" placeholder="Subject *">
											<span class="fa fa-bookmark"></span>    
										</div>
									</div>
									<div class="col-md-12">
										<div class="custom-form-group">
											<textarea class="custom-form-control text-area" name="contact_message" id="contactMessage"  cols="30" rows="9" placeholder="Your Message *"></textarea>
											<span class="fa fa-envelope-open"></span>
										</div>
									</div>
									<div class="col-md-12">
										<button type="submit" class="primary-btn">Send Message</button> 
									</div>
								</div>
							</form>
						</div>
					</div>
				</div>
			</div>
		</section>
		<!--// Contact Section End //-->

		<!--// Footer Start //-->
		<footer class="footer">
			<div class="footer-top">
				<div class="container">
					<div class="row">
						<div class="col-md-6 col-lg-4 footer-widget-resp">
							<div class="footer-widget">
								<h6 class="footer-title">About Us</h6>
								<p class="footer-desc">
									It is a long established fact that a reader will be 
									distracted by the readable content of a page when looking at its layout. 
								</p>
								<div class="footer-social-links">
									<a href="#">
										<i class="fab fa-facebook-f"></i>
									</a>
									<a href="#">
										<i class="fab fa-twitter"></i>
									</a>
									<a href="#">
										<i class="fab fa-instagram"></i>
									</a>
									<a href="#">
										<i class="fab fa-youtube"></i>
									</a>
								</div>
							</div>
						</div>
						<div class="col-md-6 col-lg-4 footer-widget-resp">
							<div class="footer-widget footer-widget-pl">
								<h6 class="footer-title">Usefull Links</h6>
								<ul class="footer-links">
									<li>
										<a href="#">Privacy Policy</a>
									</li>
									<li>
										<a href="#">App Services</a>
									</li>
									<li>
										<a href="#">Terms & Condition</a>
									</li>
									<li>
										<a href="#">Testimonials</a>
									</li>
									<li>
										<a href="#">App Features</a>
									</li>
									<li>
										<a href="#">Latest Blogs</a>
									</li>
								</ul>
							</div>
						</div>
						<div class="col-md-6 col-lg-4 footer-widget-resp">
							<div class="footer-widget">
								<h6 class="footer-title">Contact Info</h6>
								<div class="footer-contact-info-wrap">
									<ul class="footer-contact-info-list">
										<li>
											<h6>Address:</h6>
											<p>
												381 Allison Rd<br>
												Piney Flats, Tennessee(TN), 37686
											</p>
										</li>
										<li>
											<h6>E-Mail & Phone:</h6>
											<div class="text">
												<p>(423) 391-7144</p>
												<p>info@hovyleeapp.com</p>
											</div>
										</li>
									</ul>
								</div>
							</div>
						</div>
					</div>
				</div>
			</div>
			<div class="copyright">
				<div class="container">
					<p class="copyright-text">Copyright &copy; 2020.Company name All rights reserved.<a target="_blank" href="http://sc.chinaz.com/moban/">&#x7F51;&#x9875;&#x6A21;&#x677F;</a></p>
				</div>
			</div>
		</footer>
		<!--// Footer End //-->

	</main>
	<!--// Main Area End //-->

	<a href="#wrapper" class="scroll-top-btn">
		<i class="fa fa-arrow-up"></i>
	</a>
	<!--// .scroll-top-btn // -->

	<div id="preloader-wrap">
		<div class="preloader-inner">
			<div class="gooey">
				<span class="dot"></span>
				<div class="dots">
					<span></span>
					<span></span>
					<span></span>
				</div>
			</div>
		</div>
	</div>
	<!--// Preloader // -->

</div>
<!--// Page Wrapper End //-->

<!-- Success Modal Start -->
<div class="modal fade custom-modal" id="contactFormSuccessModal" tabindex="-1" role="dialog" aria-labelledby="contactFormSuccessModalLabel" aria-hidden="true">
	<div class="modal-dialog" role="document">
		<div class="modal-content">
			<div class="modal-header success">
				<h5 class="modal-title" id="contactFormSuccessModalLabel">Success</h5>
				<button type="button" class="close" data-dismiss="modal" aria-label="Close">
					<span aria-hidden="true">&times;</span>
				</button>
			</div>
			<div class="modal-body">
				<div class="form-popup-inner">
					<div class="form-icon success">
						<svg version="1.1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 130.2 130.2">
							<circle class="path circle" fill="none"  stroke-width="6" stroke-miterlimit="10" cx="65.1" cy="65.1" r="62.1" />
							<polyline class="path check" fill="none" stroke-width="6" stroke-linecap="round" stroke-miterlimit="10" points="100.2,40.2 51.5,88.8 29.8,67.5 " />
						</svg>
					</div>
					<div class="form-body">
						<p>
							Your message has been sent.We will contact you as soon as possible.
						</p>
					</div>
				</div>
			</div>
			<div class="modal-footer">
				<a href="#" class="popup-link success" data-dismiss="modal">Okay</a>
			</div>
		</div>
	</div>
</div>
<!-- Success Modal End -->

<!-- Danger Modal Start -->
<div class="modal fade custom-modal" id="contactFormDangerModal" tabindex="-1" role="dialog" aria-labelledby="contactFormDangerModalLabel" aria-hidden="true">
	<div class="modal-dialog" role="document">
		<div class="modal-content">
			<div class="modal-header danger">
				<h5 class="modal-title" id="contactFormDangerModalLabel">Error</h5>
				<button type="button" class="close" data-dismiss="modal" aria-label="Close">
					<span aria-hidden="true">&times;</span>
				</button>
			</div>
			<div class="modal-body">
				<div class="form-popup-inner">
					<div class="form-icon danger">
						<svg version="1.1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 130.2 130.2">
							<circle class="path circle" fill="none" stroke-width="6" stroke-miterlimit="10" cx="65.1" cy="65.1" r="62.1" />
							<line class="path line" fill="none" stroke-width="6" stroke-linecap="round" stroke-miterlimit="10" x1="34.4" y1="37.9" x2="95.8" y2="92.3" />
							<line class="path line" fill="none" stroke-width="6" stroke-linecap="round" stroke-miterlimit="10" x1="95.8" y1="38" x2="34.4" y2="92.2" />
						</svg>
					</div>
					<div class="form-body">
						<p>
							Error!Something went wrong.There was an error sending your message.
							<span id="error_message"></span>
						</p>
					</div>
				</div>
			</div>
			<div class="modal-footer">
				<a href="#" class="popup-link danger" data-dismiss="modal">Close</a>
			</div>
		</div>
	</div>
</div>
<!-- Danger Modal End -->

<!--// JQuery //-->
<script src="static/js/jquery.min.js"></script>
<!--// Images Loaded //-->
<script src="static/js/images.loaded.min.js"></script>
<!--// Magnific Popup //-->
<script src="static/js/magnific.popup.min.js"></script>
<!--// Popper Popup //-->
<script src="static/js/popper.min.js"></script>
<!--// Bootstrap //-->
<script src="static/js/bootstrap.min.js"></script>
<!--// Waypoint Js //-->
<script src="static/js/waypoint.min.js"></script>
<!--// Counter Up Js //-->
<script src="static/js/counter.up.min.js"></script>
<!--// JQuery Easing Functions //-->
<script src="static/js/jquery.easing.min.js"></script>
<!--// Owl Carousel //-->
<script src="static/js/owl.carousel.min.js"></script>
<!--// Form Validate //-->
<script src="static/js/validate.min.js"></script>
<!--// Main Js //-->
<script src="static/js/main.js"></script>
</body>
</html>